<#include "/html/admin/header.ftl">
	<body class="hold-transition skin-blue sidebar-mini">
		<!-- Site wrapper -->
		<div class="wrapper">

			<header class="main-header">
			<!-- Logo -->
			<a href="#" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini">${user.name}</span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg">${user.duty}</span> </a>
			<!-- 导航栏 Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top">
			<!-- Sidebar toggle button-->
			<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
				role="button"> <span class="sr-only">Toggle navigation</span> <span
				class="icon-bar"></span> <span class="icon-bar"></span> <span
				class="icon-bar"></span> </a>

			<div class="navbar-custom-menu">
				<ul class="nav navbar-nav">
					<!-- User Account: style can be found in dropdown.less -->
					<li class="dropdown user user-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img
								src="${user.photo}" class="user-image"
								alt="User Image"> <span class="hidden-xs">${user.name}</span> </a>
						<ul class="dropdown-menu">
							<!-- User image -->
							<li class="user-header">
								<img src="${user.photo}" class="img-circle"
									alt="User Image">

								<p>
									<small>入职时间 ${user.hiredate}</small>
								</p>
							</li>
							<!-- Menu Body -->
							<li class="user-body">
								<div class="row">
									<div class="col-xs-4 text-center">
										<a href="#">Followers</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Sales</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Friends</a>
									</div>
								</div>
								<!-- /.row -->
							</li>
							<!-- Menu Footer-->
							<li class="user-footer">
								<div class="pull-left">
									<a href="#" class="btn btn-default btn-flat">个人信息</a>
								</div>
								<div class="pull-right">
									<a href="admin/loginout" class="btn btn-default btn-flat">退出</a>
								</div>
							</li>
						</ul>
					</li>
					<!-- Control Sidebar Toggle Button -->
					<li>
						<a href="#" data-toggle="control-sidebar"><i
							class="fa fa-gears"></i> </a>
					</li>
				</ul>
			</div>
			</nav>
			</header>

			<!-- =============================================== -->

			<!-- 左边侧栏 Left side column. contains the sidebar -->
			<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
			<!-- Sidebar user panel -->
			<div class="user-panel">
				<div class="pull-left image">
					<img src="${user.photo}" class="img-circle"
						alt="User Image">
				</div>
				<div class="pull-left info">
					<p>
						${user.name}
					</p>
					<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
				</div>
			</div>
			<!-- search form -->
			<form action="#" method="post" class="sidebar-form">
				<div class="input-group">
					<input type="text" name="q" class="form-control"
						placeholder="搜索...">
					<span class="input-group-btn">
						<button type="submit" name="search" id="search-btn"
							class="btn btn-flat">
							<i class="fa fa-search"></i>
						</button> </span>
				</div>
			</form>
			<!-- /.search form -->
			<!-- sidebar menu: : style can be found in sidebar.less -->
			<ul class="sidebar-menu">
				<li class="header">
					MAIN NAVIGATION
				</li>
				<#list menu as menuList>
				<li class="treeview">
					<a href="#"> <i class="${menuList.icon}"></i> <span>${menuList.name}</span>
						<span class="pull-right-container"> <i
							class="fa fa-angle-left pull-right"></i> </span> </a>
					<ul class="treeview-menu">
						<#list menuList.list as list>
						<li>
							<a href="#" onclick="addtabs(${list})"><i class="fa fa-circle-o"></i>${list.name}</a>
						</li>
						</#list>
					</ul>
				</li>
				</#list>
				</section>
				<!-- /.sidebar -->
				</aside>

				<!-- =============================================== -->

				<!-- Content Wrapper. Contains page content -->
				<div class="content-wrapper">

					<!-- Main content -->
					<section class="content">

					<!-- Default box -->
					<div class="box" style="height: 1000px;;">
					    <div class="box-body">
						   
							<div 
								id="tabsID" 
								class="easyui-tabs" 
								style="height:1000px;"
								data-options="plain:true,border:false,selected:-1,fit:true">
								   
									<div title="首页" iconCls='icon-tip' selected=1 fit=true style="padding:10px">
										<p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
										<ul>
											<li>easyui is a collection of user-interface plugin based on jQuery.</li>
											<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
											<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
											<li>complete framework for HTML5 web page.</li>
											<li>easyui save your time and scales while developing your products.</li>
											<li>easyui is very easy but powerful.</li>
											<li>easyui is a collection of user-interface plugin based on jQuery.</li>
											<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
											<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
											<li>complete framework for HTML5 web page.</li>
											<li>easyui save your time and scales while developing your products.</li>
											<li>easyui is very easy but powerful.</li>
											<li>easyui is a collection of user-interface plugin based on jQuery.</li>
											<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
											<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
											<li>complete framework for HTML5 web page.</li>
											<li>easyui save your time and scales while developing your products.</li>
											<li>easyui is very easy but powerful.</li>
										</ul>
									</div>
							</div>	
						        
						</div>
					</div>
					<!-- /.box -->

					</section>
					<!-- /.content -->
				</div>
				<!-- /.content-wrapper -->

				<footer class="main-footer">
				<div class="pull-right hidden-xs">
					<b>Version</b> 2.3.8
				</div>
				<strong>Copyright &copy; 2014-2016 <a
					href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
				reserved.
				</footer>

<#include "/html/admin/footer.ftl">				
